<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <title>Layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="/lib/layui/css/layui.css"  media="all">
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>
<div class="layui-col-xs6 layui-col-md4">
  <div>
    <img src="/images/default.gif" style="width: 155px;height: 225px;margin: 30px;">
    <br>
    <span>
      <img src="/images/borrowed.png">
      <span>借阅：</span>
      <span th:text="${borrow}"></span>
    </span>
    <span>
      <img src="/images/favorite_yes.png">
      <span>收藏：</span>
      <span th:text="${star}"></span>
    </span>
  </div>
</div>
<div class="layui-col-xs12 layui-col-md8">
  <table class="layui-table" lay-even="" lay-skin="nob">
    <colgroup>
      <col width="150">
      <col width="150">
      <col>
    </colgroup>
    <tbody>
    <tr style="font-weight: 700;">
      <td>书名</td>
      <td th:text="${books.getName()}">无</td>
    </tr>
    <tr>
      <td>别名</td>
      <td th:text="${books.getAlias()}">无</td>
    </tr>
    <tr>
      <td>作者</td>
      <td th:text="${books.getAuthor()}">无</td>
    </tr>
    <tr>
      <td>ISBN</td>
      <td th:text="${books.getISBN()}">无</td>
    </tr>
    <tr>
      <td>中图号</td>
      <td th:text="${books.getClassification()}">无</td>
    </tr>
    <tr>
      <td>出版社</td>
      <td th:text="${books.getPublishingHouse()}">无</td>
    </tr>
    <tr>
      <td>出版年份</td>
      <td th:text="${books.getPublishDate()}">无</td>
    </tr>
    <tr>
      <td>上架日期</td>
      <td th:text="${books.getDate()}">无</td>
    </tr>
    <tr>
      <td>评分</td>
      <td th:text="${books.getScore()}">无</td>
    </tr>
    <tr>
      <td>简介</td>
      <td th:text="${books.getIntro()}">无</td>
    </tr>
    </tbody>
  </table>
</div>

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
  <legend>相关信息</legend>
</fieldset>
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
  <ul class="layui-tab-title">
    <li class="layui-this">借阅信息</li>
    <li>借阅本书的人还借过</li>
    <li>收藏本书的人还收藏过</li>
    <li>相关书评</li>
  </ul>
  <div class="layui-tab-content" style="height: 200px;">
    <div class="layui-tab-item layui-show">
      <table class="layui-table" lay-even="" lay-skin="nob">
        <tr>
          <td>登录号</td>
          <td>中图分类号</td>
          <td>状态</td>
        </tr>
        <tr th:each="i:${same}">
          <td th:text="${i.getId()}"></td>
          <td th:text="${i.getClassification()}"></td>
          <td th:text="${i.getBorrown()} == true?'已借出':'可借'"></td>
        </tr>
      </table>
    </div>
    <div class="layui-tab-item">
      <table class="layui-table" lay-even="" lay-skin="nob">
        <tr>
          <td>登录号</td>
          <td>书名</td>
          <td>作者</td>
          <td>出版社</td>
          <td>出版日期</td>
          <td>评分</td>
        </tr>
        <tr th:each="i:${sameBorrow}">
          <td th:text="${i.getId()}"></td>
          <td th:text="${i.getName()}"></td>
          <td th:text="${i.getAuthor()}"></td>
          <td th:text="${i.getPublishingHouse()}"></td>
          <td th:text="${i.getPublishDate()}"></td>
          <td th:text="${i.getScore()}"></td>
        </tr>
      </table>
    </div>
    <div class="layui-tab-item">
      <table class="layui-table" lay-even="" lay-skin="nob">
        <tr>
          <td>登录号</td>
          <td>书名</td>
          <td>作者</td>
          <td>出版社</td>
          <td>出版日期</td>
          <td>评分</td>
        </tr>
        <tr th:each="i:${sameStar}">
          <td th:text="${i.getId()}"></td>
          <td th:text="${i.getName()}"></td>
          <td th:text="${i.getAuthor()}"></td>
          <td th:text="${i.getPublishingHouse()}"></td>
          <td th:text="${i.getPublishDate()}"></td>
          <td th:text="${i.getScore()}"></td>
        </tr>
      </table>
    </div>
    <div class="layui-tab-item">
      <table class="layui-table" lay-even="" lay-skin="nob">
        <tr>
          <td>评论人</td>
          <td>评论内容</td>
          <td>评分</td>
        </tr>
        <tr th:each="i:${comment}">
          <td th:text="${i.getBorrowerName()}"></td>
          <td th:text="${i.getContent()}"></td>
          <td th:text="${i.getScore()}"></td>
        </tr>
      </table>
    </div>
  </div>
</div>
</body>
</html>